<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/show.css"/>
		<script type="text/javascript" src="../common/js/jquery.min.js"></script>
		
	</head>
	<body>
		
		<div id="bigImg" class="bigImg-layout">
			<div class="bigImg-left">
				<div class="bigImg-top">
					<div class="bigImg-area" id="bigImg-area">
						<div class="bigImg-area-container" id="bigImg-container">
							<img class="bigImg-area-image" src="http://pub.alltuu.com/work/PG83279/content215879.jpg@300h_1e" id="bigImg-small-image">
							<img class="bigImg-area-image" src="http://pub.alltuu.com/work/PG83279/content215879.jpg@!water-mark-big-image-v2" id="bigImg-image" style="opacity: 1;">
						</div>
					</div>
					<div class="bigImg-page bigImg-prev" id="bigImg-prev">&lt;</div>
					<div class="bigImg-page bigImg-next" id="bigImg-next">&gt;</div>
				</div>
				<div class="bigImg-bottom">
					<div id="bigImg-console" class="bigImg-console">
						<div class="bigImg-console-hide" id="thumbnail-close">
							<!--<i class="iconfont icon-hideArrows"></i>-->
						</div>
						<li>
							<input type="range" min="1" max="100" class="bigImg-console-range" value="">
							<span class="bigImg-console-ratio">3%</span>
						</li>
						<li>
							<a href="javascript:;" id="adaptive">原图尺寸</a>
						</li>
						<li>
							<a href="javascript:;" id="full-screen" data-open="false">全屏</a>
						</li>
						<li class="bigImg-console-select">
							<a href="javascript:;" class="bigImg-console-select-actived bigImg-console-speed" data-speed="2000">间隔2秒</a>
							<ul class="bigImg-console-select-option bigImg-console-speed-option">
								<li data-speed="15000">15秒</li>
								<li data-speed="10000">10秒</li>
								<li data-speed="5000">5秒</li>
								<li data-speed="2000" class="active">2秒</li>
							</ul>
						</li>
						<li class="bigImg-console-select">
							<a href="javascript:;" class="bigImg-console-select-actived bigImg-console-status">停止播放<i class="iconfont icon-play"></i></a>
							<ul class="bigImg-console-select-option bigImg-console-status-option">
								<li data-status="random">随机播放</li>
								<li data-status="queue">顺序播放</li>
								<li data-status="stop" class="active">&gt;停止播放</li>
							</ul>
						</li>
						<li><a href="javascript:;" id="sidebar-close">隐藏侧边栏</a></li>
					</div>
					<div id="bigImg-thumbnail" class="bigImg-thumbnail">
						<div class="bigImg-thumbnail-page bigImg-thumbnail-prev">&lt;</div>
						<div class="bigImg-thumbnail-page bigImg-thumbnail-next">&gt;</div>
						<div class="bigImg-thumbnail-container">
						</div>	
					</div>
				</div>
			</div>
			<div class="bigImg-right">
				<div class="bigImg-SideBar">
					<div class="bigImg-SideBar-topBar">
						<a href="" id="bigImg-report" title="举报" style="font-size:20px;">〠</a>
						<a href="" id="bigImg-like" style="font-size:26px;">♥<span id="likeTime">3</span></a>
						<a href="workshow" id="bigImg-close">×</a>
					</div>
					<div class="bigImg-pg">
						<a href="http://guassphoto.alltuu.com/work" class="clearfix" target="_blank">
							<div class="bigImg-pgHead pull-left">
								<img src="http://pub.alltuu.com/face/PG83279/latest.jpg" id="bigImg-pgHead">
							</div>
							<span class="bigImg-pgName pull-left" id="bigImg-pgName">摄影师谢小宝</span>
						</a>
					</div>
					<a href="" class="bigImg-title-link" id="bigImg-title-link" style="color:#fff;"><div class="bigImg-title" id="bigImg-title"></div></a>
					<div class="bigImg-copyright" id="bigImg-copyright" title="署名－非商业性使用">版权说明：<i class="iconfont icon-copyright2"></i><i class="iconfont icon-copyright3"></i></div>
		
					<!--add exif info-->
					<div class="bigImg-exif">详细信息
						<span id="jt">∨</span>
					</div>
					<div class="bigImg-exif-content">
						<div class="bigImg-exifInfo">
							<div class="bigImg-exifTitle">
								<div>作品描述</div>
								<div class="img-description">-</div>
							</div>
						</div>
						<div class="bigImg-exifcon">
							<div>EXIF</div>
							<div class="exifDetail">
								<div class="brand-info">
									<div class="common">品牌：</div>
									<div class="brand pull-right detail">-</div>
								</div>
								<div class="type-info">
									<div class="common">型号：</div>
									<div class="type pull-right detail"></div>
								</div>
								<div class="focus-info">
									<div class="common">焦距：</div>
									<div class="exiffocus pull-right detail"></div>
								</div>
								<div class="aperture-info">
									<div class="common">光圈：</div>
									<div class="aperture pull-right detail"></div>
								</div>
								<div class="speed-info">
									<div class="common">快门速度：</div>
									<div class="speed pull-right detail"></div>
								</div>
								<div class="iso-info">
									<div class="common">ISO：</div>
									<div class="iso pull-right detail"></div>
								</div>
								<div class="exposure-info">
									<div class="common">曝光补偿：</div>
									<div class="exposure pull-right detail">-</div>
								</div>
								<div class="time-info">
									<div class="common">拍摄时间：</div>
									<div class="time pull-right detail">-</div>
								</div>
								<div class="lens-info">
									<div class="common">镜头：</div>
									<div class="lens pull-right detail">-</div>
								</div>
							</div>
						</div>
						<div class="position-info">
							<div class="act-position hass">拍摄地点
								<span style="margin-left: 15px" class="flag">未标记</span>
							</div>
						</div>
					<div class="img-position amap-container" id="map" style="position: relative; display: none; background: rgb(252, 249, 242);">
						<object style="display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1;" type="text/html" data="about:blank"></object>
						<div class="amap-maps"><div class="amap-drags">
							<div class="amap-layers" style="transform: translateZ(0px);">
								<div class="amap-markers" style="position: absolute; z-index: 120; top: 0px; left: 0px;"></div>
								<canvas class="amap-labels" draggable="false" width="0" height="0" style="position: absolute; z-index: 99; height: 0px; width: 0px; top: 0px; left: 0px;"></canvas>
							</div>
							<div class="amap-overlays"></div>
						</div>
					</div>
						<div style="display: none;"></div>
						<div class="amap-controls">
							<div class="amap-toolbar" style="left: 10px; top: 10px; visibility: visible;">
								<div class="amap-pancontrol" style="position: relative; display: none;">
									<div class="amap-pan-left"></div>
									<div class="amap-pan-top"></div>
									<div class="amap-pan-right"></div>
									<div class="amap-pan-bottom"></div>
								</div>
								<div class="amap-locate" style="position: relative; left: 17px; display: block;"></div>
								<div class="amap-zoomcontrol" style="position: relative; left: 14px;">
									<div class="amap-zoom-plus"></div>
									<div class="amap-zoom-ruler" style="display: none;">
										<div class="amap-zoom-mask" style="height: 91px;"></div>
										<div class="amap-zoom-cursor" style="top: 91px;"></div>
										<div class="amap-zoom-labels">
											<div class="amap-zoom-label-street"></div>
											<div class="amap-zoom-label-city"></div>
											<div class="amap-zoom-label-province"></div>
											<div class="amap-zoom-label-country"></div>
										</div>
									</div>
									<div class="amap-zoom-minus"></div>
								</div>
							</div>
						</div>
								<a class="amap-logo" href="http://gaode.com" target="_blank">
									<img src="http://webapi.amap.com/theme/v1.3/autonavi.png"></a>
									<div class="amap-copyright" style="display: none;"><!--v1.3.28--> © 2017 AutoNavi 
										<span class="amap-mcode">- GS(2016)710号</span>
									</div>
					</div>
					</div>
					<div class="bigImg-input">
						<textarea id="bigImg-comment-input" placeholder="评论一下"></textarea>
						<button id="bigImg-comment-submit" data-id="215879">评论</button>
					</div>
					<div class="bigImg-comment" id="bigImg-comment">
						<li data-cmtid="1289" data-cmterid="30990">
							<p class="clearfix">
								<span class="bigImg-comment-name pull-left">王小江</span>
								<span class="bigImg-comment-reply pull-left">回复</span>
								<span class="bigImg-comment-time pull-right">2017-05-15</span>
							</p>
							<p class="bigImg-comment-content">ee</p>
						</li><li data-cmtid="1288" data-cmterid="8059">
							<p class="clearfix">
								<span class="bigImg-comment-name pull-left">水筱娜</span>
								<span class="bigImg-comment-reply pull-left">回复</span>
								<span class="bigImg-comment-time pull-right">2017-05-08</span>
							</p><p class="bigImg-comment-content">好图</p>
						</li>
						<a id="bigImg-comment-more" style="display: none;">加载更多</a>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../js/show.js"></script>
</html>
